<script setup lang="ts">
</script>

<template>
 <div class="app">
 <header>
  <router-view name="header"></router-view>
 </header>
 <main>
  <router-view></router-view>
 </main>
 <footer>
  <router-view name="footer"></router-view>
 </footer>
 </div>
</template>

<style scoped>
.app{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  main{
    flex: 1;
    overflow-x: hidden;
    margin-bottom: 50px;
  }
}
</style>
